<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">
	<script src="../assets/flexible/flexible.debug.js"></script>
	<script src="../assets/flexible/flexible_css.debug.js"></script>
	<link rel="stylesheet" href="../css/find.css">
	<link rel="stylesheet" href="../css/footer.css">
	<link rel="stylesheet" href="../assets/font-awesome-4.7.0/css/font-awesome.min.css">
	<link rel="stylesheet" href="../assets/swiper/css/swiper.min.css">
</head>
<body>
	<header class="header1">
		<a href="shouye.html" class="left">
			<img src="../images/zuo.png" alt="">
		</a>
		<p class="center">发现</p>
		<figure class="right"></figure>
	</header>

	<div class="empty"></div>
	<div class="toolbar">
		<a href="#">
			<dl>
				<dt><img src="../images/toolbar1.png" alt=""></dt>
				<dd>扫一扫</dd>
			</dl>
		</a>
		<a href="#">
			<dl>
				<dt><img src="../images/toolbar2.png" alt=""></dt>
				<dd>汇率计算</dd>
			</dl>	
		</a>
		<a href="set.html">
			<dl>
				<dt><img src="../images/toolbar3.png" alt=""></dt>
				<dd>设置</dd>
			</dl>	
		</a>
		<a href="dabao.html">
			<dl>
				<dt><img src="../images/toolbar4.png" alt=""></dt>
				<dd>行李打包</dd>
			</dl>	
		</a>
		<a href="fuwu.html">
			<dl>
				<dt><img src="../images/toolbar5.png" alt=""></dt>
				<dd>线下服务网络</dd>
			</dl>	
		</a>
		<a href="problem.html">
			<dl>
				<dt><img src="../images/toolbar6.png" alt=""></dt>
				<dd>常见问题</dd>
			</dl>	
		</a>
		<a href="new.html">
			<dl>
				<dt><img src="../images/toolbar7.png" alt=""></dt>
				<dd>新功能介绍</dd>
			</dl>
		</a>
		<a href="#">
			<dl>
				<dt><img src="../images/toolbar8.png" alt=""></dt>
				<dd>关于我们</dd>
			</dl>
		</a>
		
	</div>

	<div class="list">
		<p class="tab">爱旅行</p>
		<div class="lists">
			<script type="text/html" id="content">
				{{each data v i}}
					<a class="items">
						<figure class="left">
							<img src="{{v.img}}" alt="">
						</figure>
						<div class="right">
							<p class="title">{{v.title}}</p>
							<p class="info">{{v.info}}</p>
							<div class="place-date"><p class="place">{{v.place}}</p><p class="date">2017.10.10</p></div>
							<p class="more"><span><i class="fa fa-thumbs-o-up"></i>{{v.sp1}}</span><span><i class="fa fa-commenting"></i>{{v.sp2}}</span><span><i class="fa fa-eye"></i>{{v.sp3}}</span></p>
						</div>
					</a>
				{{/each}}
			</script>
		</div>
	</div>
	<div class="recommend">
		<p class="tab">推荐产品</p>
		<div class="list-items">
			<script type="text/html" id="content2">
				{{each data v i}}
					<a href="xiangqing.html" class="items">
						<figure class="left">
							<img src="{{v.img}}" alt="">
						</figure>
						<div class="right">
						<p class="title">{{v.title}}</p>
						<p class="info"><span>{{v.sp1}}</span><span>{{v.sp2}}</span><span>{{v.sp3}}</span></p>
						<p class="place">{{v.place}}<span class="people">{{v.people}}</span><span class="price">{{v.price}}</span></p>
						</div>
					</a>
				{{/each}}
			</script>
		</div>
	</div>

	<footer class="footer">
		<a href="shouye.html">
			<dl>
				<dt><i class="fa fa-home"></i></dt>
				<dd>首页</dd>
			</dl>
		</a>
		
		<a href="#">
			<dl class="active_dl">
				<dt><i class="fa fa-camera"></i></dt>
				<dd>发现</dd>
			</dl>
		</a>
		<a href="kefu.html">
			<dl>
				<dt><i class="fa fa-male"></i></dt>
				<dd>客服</dd>
			</dl>
		</a>
		<a href="my.html">
			<dl>
				<dt><i class="fa fa-user"></i></dt>
				<dd>我的</dd>
			</dl>
		</a>
	</footer>
	



	<script src="../assets/jquery/jquery-3.2.1.min.js"></script>
	<script src="../assets/artTemplate/template-web.js"></script>
	<script src="../assets/swiper/js/swiper.jquery.min.js"></script>
	<script src="../js/find.js"></script>
</body>
</html>